*{margin: 0px;padding: 0px;}

a{text-decoration: none;}

input{outline: none;}

header{width: 100%;background-color: #eeeeee;}

.center{width: 1200px;margin: 0 auto;}

header .center{display: -webkit-flex;display: flex;justify-content: space-between;}

.header_left{width: 50%;line-height: 29px;font-size: 12px;}

.header_right{width: 50%;text-align: right;}

.header_right ul li{display: inline-block;list-style: none;height: 12px;border-right: 1px solid #000;margin-top: 9px;font-size: 12px;padding-right: 5px;}

.header_right ul li:last-child{border: none;}

.header_right ul li a{position: relative;top: -3px;color: #000;}

.head{width: 100%;background: #fff;height: 127px;}

.head .center{display: -webkit-flex;display: flex;justify-content: space-between;}

.head_left{width: 20%;}

.head_left img{margin-top: 22px;}

.head_center{width: 56%;display: -webkit-flex;display: flex;}

.head_right{width: 37%;display: -webkit-flex;display: flex;}

.head_center .head_xian{width: 2px;height: 50px;background: #c7c7c7;margin-top: 38px;margin-right: 25px;margin-left: 30px;}

.head_center div p:first-child{font-size: 20px;color: #f9a50f;letter-spacing: 2.7px;margin-top: 35px;font-weight: bold;}

.head_center div p:last-child{font-size: 20px;letter-spacing: 1px;color: #0a4ba5;font-weight: bold; margin-top: 10px;}

.head_right img{margin-top: 38px;width: 56px;height: 56px;}

.head_right div{margin-left: 15px;margin-top: 37px;line-height: 26px;}

.head_right div p:first-child{font-size: 15px;}

.head_right div p:last-child{font-size: 30px;font-weight: bold;color: #f79e00;font-family: 標楷體;letter-spacing: -3px; margin-top: 10px;}



nav{width: 100%;height: 52px;background: #015bb1;}

nav ul a{border-right: 1px solid #0275c6;}

nav ul a:last-child{border: none;}

nav ul li{display: inline-block;list-style: none;width: 125px;height: 49px;color: #d7ddf3;text-align: center;line-height: 52px;font-size: 16px;transition: 1s background-color;}

nav ul li:hover{border-bottom: 3px solid #73afe8;}



.banner{width: 100%;}

.banner img{width: 100%;display: block;}

.index_banner{width:100%;position: relative;background: #f5f5f5;}

.index_banner .bd{width: 100%;overflow: hidden;margin: 0 auto;}

.index_banner .bd ul{width: 100%;position: relative;}

.index_banner .bd ul li{list-style: none;width: 100%;}

.index_banner .bd ul li img{width: 100%}

.index_banner .hd{height:70px; line-height:70px;z-index: 9;position: absolute;bottom: 0;width: 100%;}

.index_banner .hd ul{width: 140px;margin: 0 auto;}

.index_banner .hd ul li{margin:0 7px; cursor:pointer; display: inline-block;list-style: none;width: 10px;height: 10px; border-radius: 50%;background-color: #fff;}

.index_banner .hd ul li.on{ background-color: #3e7dda;}



.tuijian{width: 100%;height: 61px;background: #eeeeee;box-shadow: 1px 2px 7px #d4d2d2;line-height: 61px;}

.tuijian .center{display: -webkit-flex;display: flex;justify-content: space-between;}

.tuijian_left{width: 915px;}

.tuijian_right{width: 279px;}

.tuijian_left a{font-size: 14px;color: #444444;margin-right: 20px;}

.tuijian_left a:hover{color: #4b19a9;}

.tuijian_left a:first-child{margin-right: 0px;}

.tuijian_left a:first-child:hover{color: #444444;}

.tuijian_right input{width: 207px;height: 26px;border: 1px solid #3b7dcb;border-right: none;background: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}

.tuijian_right input::placeholder{font-size: 12px;color: #a2a2a2;padding-left: 10px;}

.tuijian_right button{width: 66px;height: 28px;border: none;background: #015bb3;font-size: 14px;color: #d8e9fb;position: relative;top: 2px;left: -5px;cursor: pointer;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.tuijian_right button img{position: relative;top: 3px;}



.product .center{display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 45px auto;}

.pro_zetitle{text-align: center;font-size: 15px;color: #d2d2d2;width: 100%;}

.pro_ztitle{text-align: center;font-size: 28px;color: #346db8;font-weight: bold;width: 100%;margin-bottom: 12px;}

.pro_xian{width: 554px;height: 2px;background: #e9e9e9;margin-top: 12px;}

.pro_xian_but{width: 73px;height: 23px;border: 1px solid #e1e1e1;border-radius: 15px;background: #f9f9f9;line-height: 23px;text-align: center;font-size: 12px;}

.pro_xian_but a{color: #838383;}



















.product_left{width: 290px;height: auto;border: 2px solid #326aba;position: relative;margin-top: 45px;}

.product_right{width: 880px;height: auto;margin-top: 45px;}

.product_left_title{width: 100%;height: 119px;}

.product_left_title img{width: 100%;height: 100%;display: block;}

.product_left_nr{width: 100%;display:inline-block; }

.product_left_nr ul{margin: 5px 5px;margin-bottom: 24px;}
.product_left_nr ul a{width: 49%; display:block;float:left;}
.product_left_nr ul a li{width: 100%;height: 40px;line-height: 40px;font-size: 12px;color: #6b6b6b;list-style: none;border-bottom: 1px dashed #cbcbcb;clear: both; float:left; margin-right:1%}
.product_left_nr ul a li:nth-child(2n){ margin-right:0px}
.product_bold{font-weight: bold;}

.product_left_nr ul a:last-child li{margin-bottom: 0px;}

.product_left_nr ul li img{margin-right: 12px;}

.product_left_nr ul a li span{float: right;}

.product_left_nr ul a li span img{margin: 0;}
.product_left_nr ul a:nth-child(1) li{line-height:20px;}
.product_left_nr ul a:nth-child(49) li{line-height:20px;}

.product_left_tel{height: 70px;background: #015bb1;padding: 25px 33px; color: #fff;}

.product_left_tel img{margin-right: 7px;}

.product_left_tel span{font-size: 16px;position: relative;top: -6px;}

.product_left_tel p{font-family: 標楷體;letter-spacing: -2px;font-weight: bold;font-size: 23px;}



.product_right_nr{width: 948px;height: 806px;position: absolute;background: #fff;}

.product_right_nr_flex{display: -webkit-flex;display: flex;flex-wrap: wrap;}

.product_right_demo{width: 293px;border: 1px solid #c6c4bf;height: 254px;margin-right: 24px;margin-top: 19px;overflow: hidden;position: relative;text-align: center;}

.product_right_demo:nth-child(3n+3){margin-right: 0px;}

.product_right_demo:nth-child(-n+3){margin-top: 0px;}

.product_right_demo_img{margin: 8px 9px;overflow: hidden;}

.product_right_demo_img img{width: 100%;height: 100%;transition: all 1s;}

.product_right_demo p{color: #2d2d2d;font-size: 15px;transition: all 1s;font-weight: normal;}

.z-dome{z-index: 1;}

.product_right_demo:hover img{transform: scale(1.1);}

.product_right_demo:hover p{color: #015bb1;font-weight: bold;}



.why_bj{background-color: #f5f5f5;padding-bottom: 60px;}

.why_title{width: 100%;height: 197px;background-image: url(../images/bj.png);background-size: 100% 100%;text-align: center}

.why_title p:first-child{font-size: 35px;color: #fff;font-weight: bold;padding-top: 37px;padding-bottom: 15px;}

.why_title p:last-child{font-size: 21px;color: #fff;}

.youshi_title_c{float: left;width: 364px;font-weight: bold;color: #090909;font-size: 35px;text-align: center;}

.youshi_title_c span{font-size: 50px;color: #015bbb;}

.youshi_title_l{float: left;width: 418px;height: 6px;border-top: 1px solid #bcbcbc;border-bottom: 1px solid #dbdbdb;margin-top: 35px;}

.youshi_fubt{clear: both;width: 100%;text-align: center;font-size: 16px;color: #636562;padding-top: 8px;}

.youshi01{padding-top: 55px;}

.youshi_nr_left1{width: 540px;float: left;}

.youshi_nr_right1{width: 590px;float: right;}

.youshi_nr_left2{width: 620px;float: left;}

.youshi_nr_right2{width: 540px;float: left;}

.youshi_xuhao{width: 55px;float: left;}

.youshi_xuhao img{display: block;}

.youshi_rightnr{width: 465px;float: right;position: relative;}

.youshi_rightnr p:first-child{font-size: 30px;color: #1f3d71;font-weight: bold;padding-bottom: 4px;}

.youshi_rightnr p:nth-child(2){font-size:13px;color: #1f3d71;}

.youshi_rightnr p:nth-child(3){margin-top: 6px;margin-bottom: 5px;}

.youshi_rightnr p:nth-child(3) img{width: 100%;}

.youshi_rightnr ul{position: absolute;left: 14px;}

.youshi_rightnr ul li{list-style: url("../images/youshi_li.png") outside circle;font-size: 14px;color: #888888;font-weight: bold;line-height: 27px;}

.youshi_demo1{clear: both;height: 245px;padding-top: 40px;}

.youshi_demo2{clear: both;}





.case .center{display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 45px auto;}

.case_left{width: 580px;height: 433px;position: relative;margin-top: 30px;text-align: center;background-color: #f5f5f5;}

.case_left img{width: auto;height: 100%;}

.case_left .hide{box-shadow: inset 0px 27px #0a6bc7;;position: absolute;bottom: 0;height: 27px;width: 100%;text-align: center;line-height: 30px;color: #fff;font-size: 15px;font-weight: lighter;}

.case_right{width: 600px;height: 433px;margin-top: 30px;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}

.case_right_demo{width: 290px;height: 209px;margin-right: 20px;margin-top: 15px;position: relative;text-align: center;background-color: #f5f5f5;}

.case_right_demo:nth-child(2n+2){margin-right: 0px;}

.case_right_demo:nth-child(-n+2){margin-top: 0px;}

.case_right_demo img{width: auto;height: 100%;}

.case_right_demo .hide{box-shadow: inset 0px 27px #0a6bc7;;position: absolute;bottom: 0;height: 27px;width: 100%;text-align: center;line-height: 30px;color: #fff;font-size: 15px;font-weight: lighter;}



.jianjie{background: #015bb1;height: 490px;}

.jianjie .center{display: -webkit-flex;display: flex;justify-content: space-between;}

.jianjie_left{width: 358px;position: relative;}

.jianjie_left_kj{position: absolute;top: 53px;width: 239px;height: 379px;border: 2px solid #4384c3;z-index: 1;}

.jianjie_left_kj p{margin-left: 45px;color: #fff;font-size: 18px;margin-top: 21px;font-weight: lighter;}

.jianjie_left_kj p span{font-size: 14px;}

.jianjie_slide{width: 337px;z-index: 2;position: absolute;top: 127px;left: 20px;}

.jianjie_slide .bd{width: 309px;height: 235px;border: 5px solid #fff;overflow: hidden;z-index: 2;margin: 0 auto;}

.jianjie_slide .bd ul li{list-style: none;height: 100%;width: 100%;text-align: center;background-color: #e9f0f8;}

.jianjie_slide .bd ul li img{height: 100%;height: 100%;}

.jianjie_slide .prev,

.jianjie_slide .next{ position:absolute; left:0; top:54%; margin-top:-25px; display:block; width: 14px;height: 28px; filter:alpha(opacity=50); background-size: 100% 100%;}

.jianjie_slide .prev{background-image: url(../images/case-l.jpg); }

.jianjie_slide .next{ left:auto; right:0; background-image: url(../images/case-r.jpg);}



.jianjie_right{width: 825px;margin-top: 79px;position: relative;}

.jianjie_right p{color: #fff;font-size: 13px;margin-right: 58px;text-indent: 2em;line-height: 27px;}

.jianjie_right p:first-child{font-size: 34px;font-weight: bold;letter-spacing: 0.5px;margin-bottom: 20px;text-indent: 0em;}

.jianjie_right p:first-child span{color: #6d9ed1;font-size: 16px;font-weight: normal;letter-spacing: 1px;position: relative;top: 5px;}

.jianjie_right p:nth-child(2){font-size: 23px;font-weight: lighter;letter-spacing: 0.5px;margin-bottom: 25px;text-indent: 0em;}

.jianjie_xian{width: 667px;height: 1px;background: #357abd;margin-top: 55px;margin-bottom: 16px;}

.jianjie_right a{padding: 8px 18px;color: #fff;font-size: 13px;border: 1px solid #357abd;border-radius: 5px;position: absolute;right: 50px;bottom: 0;}



.jing_case_top{width: 100%;height: 50px;border-bottom: 1px solid #e6e6e6;display: -webkit-flex;display: flex;justify-content: space-between;}

.jian_case_lan{width: 5px;height: 19px;border-radius: 35%;background: #0d53ba;margin-top: 16px;}

.jian_case_title{width: 1100px;height: 50px;line-height: 50px;}

.jian_case_title span:first-child{font-size: 18px;margin: 0px 10px;color: #6b6969;font-weight: bold;}

.jian_case_title span:nth-child(2){font-size: 12px;color: #918b8d;font-weight: bold;letter-spacing: 0.5px;position: relative;top: 1px;}

.jian_case_more{width: 95px;height: 50px;line-height: 50px;text-align: right;font-weight: bold;}

.jian_case_more a{color: #989697;font-size: 13px;}

.jian_case_more a img{margin-left: 3px;position: relative;top: 3px;}



.case_slide{width: 1200px;position: relative;margin: 28px 0px;}

.case_slide .bd{width: 1136px;height: 280px;margin: 0 auto;}

.bd2 .tempWrap{ height:390px !important;}
.case_slide .bd ul li{width: 255px;margin: 0 14px;list-style: none;}

.case_slide_img{width: 100%;height: 240px;}

.case_slide_img img{width: 100%;height: 100%;}

.case_slide .bd ul li p{height: 50px;text-align: center;line-height: 50px;font-size: 15px;color: #5f5f5f;}

.case_slide .prev,

.case_slide .next{ position:absolute; left:0; top:45%; margin-top:-25px; display:block; width: 14px;height: 28px; filter:alpha(opacity=50); background-size: 100% 100%;}

.case_slide .prev{background-image: url(../images/case2-l.jpg); }

.case_slide .next{ left:auto; right:0; background-image: url(../images/case2-r.jpg);}



.news{background: #f3f3f3;}

.news .center{display: -webkit-flex;display: flex;justify-content: space-between;}

.news_demo{width: 380px;height: 475px;}

.news_title{width: 100%;height: 50px;border-bottom: 1px solid #cecece;display: -webkit-flex;display: flex;justify-content: space-between;}

.news_title_lan{width: 5px;height: 19px;border-radius: 35%;background: #0d53ba;margin-top: 16px;}

.news_title_title{width: 305px;height: 50px;line-height: 50px;}

.news_title_title span:first-child{font-size: 18px;margin-right: 10px;color: #6b6969;font-weight: bold;}

.news_title_title span:nth-child(2){font-size: 12px;color: #918b8d;font-weight: bold;letter-spacing: 0.5px;position: relative;top: 1px;}

.news_title_more{width: 50px;height: 50px;line-height: 56px;text-align: right;font-weight: bold;}

.news_title_more a{color: #989697;font-size: 13px;}

.news_title_more:hover a{color: #000;}

.news_img{width: 100%;height: 203px;margin-top: 15px;margin-bottom: 8px;}

.news_img img{width: 100%;height: 100%;}

.news_ul li{height: 37px;line-height: 37px;width: 100%;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}

.news_ul li a img{margin-right: 10px;position: relative;top: 1px;}

.news_ul li a span{font-size: 14px;color: #7e7e7e;}

.news_ul li:hover a span{font-weight: bold;color: #0a4ba5;}

.news_ul2{margin-top: 5px;}

.news_ul2 li{width: 100%;height: 95px;border-bottom: 1px dashed #cecece;list-style: none;}

.news_ul2 li a{display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}

.news_ul2 li a p:nth-child(odd){width: 20px;height: 20px;border-radius: 50%;color: #fff;font-size: 14px;margin-left: 8px;margin-top: 10px;text-align: center;line-height: 20px;}

.news_ul2 li a p:nth-child(even){width: 334px;overflow: hidden;}

.news_ul2 li a p:first-child{background: #f49e00;}

.news_ul2 li a p:nth-child(3){background: #0f59b2;}

.news_ul2 li a p:nth-child(2){font-size: 15px;color: #616161;; text-overflow:ellipsis;white-space: nowrap;font-weight: bold;position: relative;top: 11px;}

.news_ul2 li a p:nth-child(4){font-size: 12.4px;color: #979797;line-height: 21px;position: relative;top: 7px;}

.news_ul2 li:hover a p:nth-child(2){text-decoration: underline;}

.lianjie .center{border: 1px solid #e4e4e4;margin-top: 60px;margin-bottom: 45px;position: relative;}

.lianjie_img{position: absolute;top: -15px;left: 14px;}

.lianjie .center ul{margin-left: 17px;}

.lianjie .center ul li{width: 140px;height: 80px;text-align: center;display: inline-block;list-style: none;}

.lianjie .center ul li a{line-height: 80px;font-size: 13px;color: #7a7a7a;}

.lianjie .center ul li:hover a{text-decoration: underline;}





footer{width: 100%;height: 230px;background: #015bb1;}

footer nav{border-bottom: 2px solid #0173c3;}

footer nav ul li:hover{border-bottom: none;}

footer .center{display: -webkit-flex;display: flex;justify-content: space-between;}

.footer_left{width: 104px;}

.footer_left img{margin-top: 20px;}

.footer_xian{width: 2px;height: 95px;background: #1568b8;margin-top: 35px;}

.footer_center{width: 195px;padding-top: 30px;}

.footer_center ul li{list-style: none;color: #eceeed;line-height: 24px;font-size: 12px;}

.footer_right{width: 680px;height: 167px;padding-top: 35px;}

.footer_right ul li{list-style: none;color: #eceeed;line-height: 24px;font-size: 12px;}

.logo{
      background:url(http://www.jnjhhg.cn/style/images/logo.jpg)  no-repeat;
	  width:296px;
	  height:81px;
	  float:left;
	  margin-left:20px;
	  margin-top:30px;
	  }
.logo a{
      width:129px;
	  height:80px;
	  display:block;
	  text-indent:-999em;
	  }